<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="MobileOptimized" content="320">
    <link type="text/css" rel="stylesheet" href="../css/index.css">
    <title>倒计时</title>
    <style type="text/css">

        .red_team p{
            margin-left: 14%;
        }
        .blue_team p{
            margin-right: 13%;
            right: 0;
            float: right;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="base">
        <div class="base_one"></div>
        <div class="base_two"></div>
        <div class="base_three"></div>
        <div class="base_four"></div>
        <div class="base_five"></div>
        <div class="base_six"></div>
        <div class="base_seven"></div>
        <div class="base_eight"></div>
        <div class="base_nine"></div>
        <div class="base_ten"></div>
    </div>
    <div class="judge_title">
        <img src="../img/judge_title.png">
        <p>OK珠海运动会</p>

    </div>
    <div class="both_team">
        <img src="../img/both_count.png">
        <div class="red_team">
            <p>30</p>
        </div>
        <div class="blue_team">
            <p>30</p>
        </div>
    </div>
    <div class="count_down">
        <img src="../img/count_down.png">
        <div class="count_down_num">
            <img src="../img/count_down_three.png" >
        </div>
    </div>


</div>
</body>
</html>